
	<div class="page-title">
		<h1 class="title">
			<?php __('Crea tu cuenta'); ?>
		</h1>
	</div>

	<?php $session->flash(); ?>

	<?php if (!empty($username_exist)): ?>
		<p class="warning"><?php printf(__('El correo que has ingresado corresponde a un usuario existente en Minicatalogo.cl, si es tuyo, puedes recuperar el acceso mediante el administrador de claves haciendo %s', true), $html->link(__('clic aquí', true), array('controller' => 'users', 'action' => 'forgot_pw'))); ?></p>
	<?php endif; ?>

	<script type="text/javascript" charset="utf8">
		var RecaptchaOptions = {
			theme: 'custom',
			lang: 'es',
			custom_theme_widget: 'recaptcha_widget'
		}
	</script>

	<div class="wrapper sidebar account-signup">

		<div class="grid-11">
			
			<!--
			<div class="intro">
				<p><?php __('Primero, gracias por querer utilizar nuestro sistema para potenciar tu negocio, si aún tienes dudas de que se trata Minicatalogo puedes leer un documento que hemos preparado para ti.'); ?></p>
				<p><?php __('Te recomendamos completar todos los campos de este formulario.'); ?></p>
			</div>
			-->
			
			<?php echo $form->create('User', array('url' => array('controller' => 'users', 'action' => 'signup'))); ?>

			<?php echo $form->input('Shop.iwant', array('type' => 'hidden', 'default' => 1)); ?>
			<?php //echo $form->input('Shop.name', array('type' => 'text', 'label' => array('text' => __('El nombre para tu tienda', true)), 'autocomplete' => 'off')); ?>
			<?php //echo $form->input('Shop.slug', array('type' => 'text', 'div' => array('class' => 'input text screen-name-url'), 'label' => array('text' => __('Url', true)), 'tabindex' => '1', 'title' => 'Te recomendamos usar un nombre de no mas de 20 caracteres.', 'autocomplete' => 'off', 'maxlength' => 20, 'between' => '<div class="url">http://www.minicatalogo.cl/', 'after' => '</div>' . $html->link(__('verificar disponibilidad', true), '#', array('id' => 'shop-verify')))); ?>
			<?php echo $form->input('Shop.alias', array('type' => 'text', 'div' => array('class' => 'input text screen-name-url'), 'label' => array('text' => __('Url', true)), 'tabindex' => '1', 'title' => 'Crea una dirección corta para hacer más fácil que la gente recuerte tu página. Te recomendamos usar un nombre que sea descriptivo, algo similar al nombre de Minicatalogo, pero esta será tu elección.', 'autocomplete' => 'off', 'maxlength' => 20, 'between' => '<div class="url">http://www.minicatalogo.cl/', 'after' => '</div>')); ?>
			
			
			<?php echo $form->input('Profile.firstname', array('type' => 'text', 'label' => __('Tus Nombres', true), 'tabindex' => '2')); ?>
			<?php echo $form->input('Profile.lastname', array('type' => 'text', 'label' => __('Tus Apellidos', true), 'tabindex' => '3')); ?>
	
			<?php echo $form->input('User.usr', array('type' => 'text', 'label' => array('text' => __('Email', true)), 'title' => __('Este correo será usado para que inicies sesión.', true), 'tabindex' => '4', 'autocomplete' => 'off')); ?>
			<?php echo $form->input('User.pwd', array('type' => 'password', 'label' => array('text' => __('Clave', true)), 'title' => __('6 o más caracteres, que sea difícil.', true), 'tabindex' => '5')); ?>
			
			<!--
			<p><?php //__('Consejos para elegir una clave segura'); ?></p>
			<?php //__('Debería tener al menos 8 caracteres, combina mayúsculas y minúsculas e incluye símbolos o números'); ?><br />
			<?php //__('No incluyas datos personales como tu nombre o email'); ?><br />
			<?php //__('¡Haz que sea imposible de adivinar!'); ?>
			-->
			<!-- <h3><?php //__('¿Cual es tu negocio?'); ?></h3> -->
			
			<?php echo $form->input('Shop.industry', array('type' => 'select', 'options' => $industries, 'label' => __('Selecciona tus rubros', true), 'tabindex' => '6', 'empty' => '', 'title' => __('Puedes escojer más de 1 si tu negocio lo requiere.', true))); ?>
			<div id="industries"></div>
			
			<?php //echo $form->input('Shop.industry', array('options' => $industries, 'multiple' => 'checkbox', 'label' => false, 'div' => array('class' => 'industries'), 'before' => '<h4>' . __('A que rubros pertenece tu tienda?', true) . '</h4>')); ?>
	
			<?php echo $form->input('User.recaptcha', array('type' => 'text', 'div' => array('id' => 'recaptcha_widget'), 'label' => __('¿Eres humano?', true), 'id' => 'recaptcha_response_field', 'tabindex' => '7', 'autocomplete' => 'off', 'between' => '<div class="recaptcha_popup"><div id="recaptcha_image"></div><div id="recaptcha_controls"><p>' . __('¿No puedes leer esto?', true) . ' ' . $html->link(__('Mostrar dos palabras', true), 'javascript:Recaptcha.reload();') . '</div></div> <p>' . __('Por favor, escribe aquí las dos palabras de arriba, separadas por un espacio.', true) . '</p>', 'after' => '<p class="small">' . sprintf(__('Al crear tu cuenta estás aceptando los %s y tambien las %s, te recomendamos darte un tiempo en leer atentamente estos terminos.', true), $html->link(__('Terminos de Servicio', true), array('layout' => 'print', 'controller' => 'pages', 'action' => 'display', 'terms-of-service'), array('id' => 'print-tos', 'target' => '_blank')), $html->link(__('Política de Contenido', true), array('layout' => 'print', 'controller' => 'pages', 'action' => 'display', 'content-policy'), array('id' => 'print-cp', 'target' => '_blank'))) . '</p>')); ?>
			<?php echo $captcha; ?>
			<?php echo $form->submit(__('Quiero crear mi cuenta', true)); ?>
			<?php echo $form->end(); ?>
		</div>
		
		<div class="grid-5">
			<h3><?php __('¿Ya tienes una cuenta?'); ?></h3>
			
			<p><?php __('Si ya has pasado por esto, o no recuerdas tu clave.'); ?></p>
			
			<?php echo $html->link(__('Acceder a Minicatalogo', true), array('controller' => 'users', 'action' => 'login'), array('btn btn-signup')); ?>
			
			<dl class="steps">
				<dt>Crear tu cuenta</dt>
				<dd>Confirmar</dd>
				<dd>Invita a tus amigos</dd>
			</dl>
		</div>
		
	</div>

	<script type="text/javascript">
		//<![CDATA[
			(function($){
				
				var App = new Object({
					start: 0,
					initialize: function(){
						var self = this;
						
						$('a#print-tos, a#print-cp').fancybox({
							'width'			: 860,
							'height'		: '75%',
							'autoScale'		: false,
							'transitionIn'	: 'none',
							'transitionOut'	: 'none',
							'type'			: 'iframe'
						});
						
						$('div.screen-name-url').click(function(){
							$(this).find('input').focus();
							$(this).find('div.url').addClass('focus');
						});
						$('div.screen-name-url').find('input').focus(function(){
							$(this).parent('div.url').addClass('focus');
						});
						$('div.screen-name-url').find('input').blur(function(){
							$(this).parent('div.url').removeClass('focus');
						});
						
						self.screenName();
						
						$('select#ShopIndustry').bind('change', function(){
							self.industry(this);
						});
						$('div#industries a').live('click', function(){
							self.industryDel(this);
						});
					},
					screenName: function(){
						var a = $('input#ShopSlug');
						a.parent().find('.error-message').remove();
						
						a.typeWatch({
							highlight: false,
							wait: 500,
							captureLength: 2,
							callback: function(txt) {
								$.ajax({
									url: '<?php echo $html->url(array('controller' => 'shops', 'action' => 'available')); ?>',
									data: 'data\[Shop\]\[slug\]=' + txt,
									type: 'POST',
									dataType: 'json',
									beforeSend: function(XMLHttpRequest, settings){
										a.parent().addClass('loading');
									},
									success: function(data, textStatus, XMLHttpRequest){
										a.parent().removeClass('loading');
										
										if (data.status == 'failed') {
											a.parent().parent().addClass('failed');
											a.parent().after('<span class="error-message">'+data.message+'</span>');
										}
									}
								});
							}
						});
					},
					industry: function(item){
						var option = $(item).children('option:selected');
						
						if (option.val() == '')
							return false;
						
						var tpl = '<span>'
						+ '<input type="hidden" name="data[Industry][Industry][${start}]" value="${value}" />'
						+ '<a href="javascript:;" id="industry-${value}" title="${industry}">X</a>'
						+ '${industry}'
						+ '<\/span>';
						
						tpl = $.template(tpl);

						$('div#industries').append(tpl, {start:this.start,value:option.val(),industry:option.text()});
						
						option.attr('disabled', true);
						
						this.start++
					},
					industryDel: function(item){
						var value = $(item).attr('id');
						value = value.match(/[0-9]+/g);
						
						$('select#ShopIndustry option[value=' + value + ']').attr('disabled', false);
						
						$(item).parent().remove();
						this.start--;
					},
					industrySort: function(a,b){
						return a.text != b.text ? a.text < b.text ? -1 : 1 : 0;
					}
				});
				
				App.initialize();
			})(jQuery);
		//]]>
	</script>
	<?php $html->css(array('/static/css/fancybox'), null, array('inline' => false)); ?>
	<?php $javascript->link(array('/static/js/plugin/jquery.easing.1.3.pack', '/static/js/plugin/jquery.mousewheel.3.0.2.pack', '/static/js/plugin/jquery.fancybox.1.3.1.pack'), false); ?>
	